import { useNavigate, useParams } from "react-router-dom"

const Article = () => {
    const navigate=useNavigate()
    // 使用article组件传递过来的参数 params参数
    const params=useParams()
    const id=params.id
    return <>
        <div>这是articel组件
            {/* 编程式导航 */}
            <button onClick={()=>navigate('/login')}>跳转到登录页</button>
            {/* 传递参数 */}
            <button onClick={()=>navigate('/login?id=100&name=jack')}>searchParam传参</button>

            <div>
                <span>article组件传递的数据：</span>
                <span>id：{id}</span>
            </div>
        </div>
    </>
}
export default Article
